<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <link href="css/main.css" type ="text/css" rel ="stylesheet" media="all">
    </head>
    <body>
        <div class="wrapper">
            <div class="main-header">
                <div class="logo"></div>
                <div class="title">
                    Project and Release Selection
                </div>
                <div class="menu-btn">
                    <a class="logout">Logout </a>
                    <a class="account">Account Settings </a>
                  </div>
                <div class="clear">
                </div>
            </div>
            <div class="new-project-overlay">
                <form id="new-project-detail">
                <div class="new-project-overlay-content">
                <div class="new-project-overlay-name">
                    <div class="projectname">
                        Project Name
                    </div>
                    <input type="text" name="new-project-name" class="text-field"/>
                </div>
                <div class="useremail">
                    <div class="menu-btn">
                        <a class="newproject_accept">Save </a>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                </form></div>
            </div>
            <div class="rename-project-overlay">
                <form id="rename-project-detail">
                    <div class="rename-project-overlay-content">
                        <div class="field-rows-wrap">
                            <div class="rename-project-overlay-name">
                                <input type="text" name="rename-project-name" value="Rename your project" class="text-field"/>
                            </div>
                        </div>
                        <div class="rename-project-accept-btn">
                            <span class="accept">Accept </span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="new-release-overlay">
                <form id="new-release-detail">
                    <div class="new-release-overlay-content">
                        <div class="field-rows-wrap">
                            <div class="new-release-overlay-name">
                                <input type="text" name="new-release-name" value="New Release Name" class="text-field"/>
                            </div>
                        </div>
                        <div class="new-release-accept-btn">
                            <span class="accept">Accept </span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="rename-release-overlay">
                <form id="rename-release-detail">
                    <div class="rename-release-overlay-content">
                        <div class="field-rows-wrap">
                            <div class="rename-release-overlay-name">
                                <input type="text" name="rename-release-name" value="Rename your release" class="text-field"/>
                            </div>
                        </div>
                        <div class="rename-release-accept-btn">
                            <span class="accept">Accept </span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="edit-project-overlay">
                <form id="edit-project-detail">
                    <div class="edit-project-overlay-content">
                        <div class="useremail">
                            <div class="currentusers">
                                Current Users
                            </div>
                            <select type="text/css" name="namelist_drop" id="Select1" size="6" multiple="multiple" style="width:310px">
                            </select>
                        </div>
                        <div class="edit-project-overlay-email">
                            <div class="projectemail">
                                New User's Email Address
                            </div>
                            <input type="text" name="new-project-email" class="text-field" style="width:305px"/>
                        </div>
                        <div class="menu-btn">
                        	<a class="editproject_close">Close </a>
                            <a class="editproject_delete">Delete </a>
                            <a class="editproject_add">Add </a>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </form>
            </div>
            <div class="main-body-project-rev">
                <div class="main-body-project-rev-content">
                    <div class="main-body-project-rev-project">
                        <div class="project-content">
                            <div class="project-content-header">
                                <div class="project-content-header-title">
                                    <div class="project-content-header-title-txt">
                                        Projects 
                                    </div>
                                </div>
                                <div class="project-content-header-options">
                                    <div class="project-content-header-options-content">
                                        <a class="project-new">New </a>
                                        <a class="project-rename">Rename </a>
                                        <a class="project-delete">Delete </a>
                                        <a class="project-edit-users">Edit Users </a>
                                    </div>
                                </div>
                            </div>
                            <div class="project-content-body">
                            </div>
                        </div>
                    </div>
                    <div class="main-body-project-rev-release">
                        <div class="release-content">
                            <div class="release-content-header">
                                <div class="release-content-header-title">
                                    <div class="release-content-header-title-txt">
                                        Releases 
                                    </div>
                                </div>
                                <div class="release-content-header-options">
                                    <div class="release-content-header-options-content">
                                        <a class="release-new">New </a>
                                        <a class="release-rename">Rename </a>
                                        <a class="release-delete">Delete </a>
                                    </div>
                                </div>
                            </div>
                            <div class="release-content-body">
                            </div>
                        </div>
                    </div>
                    <div class="go-project-rev-btn">
                        <a class="go-project-rev-sel">Go to Project | Release </a>
                    </div>
					<div class="clear"></div>
                </div>
                <div class="push">
                </div>
            </div>
        </div>
        <div class = "main-footer">
            <div>
                Brought to you by CS130
            </div>
        </div>
    </body>
    <script type="text/javascript" src="js/generic.js">
    </script>
    <script type="text/javascript" src="js/jquery-1.5.1.min.js">
    </script>
    <script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js">
    </script>
    <script type="text/javascript" src="js/project-rev-switch.js">
    </script>
</html>
